.d2-layout-header-aside-menu-side{
.el-menu-item, .el-submenu__title{
    height: 46px;
    line-height: 46px;
}
}
.el-menu--popup{
  min-width: 100px !important;
}
.el-menu--collapse {
    width: 64px;
  }
  .el-menu--collapse >div .el-menu-item [class^="el-icon-"],
  .el-menu--collapse >div .el-submenu > .el-submenu__title [class^="el-icon-"] {
    margin: 0;
    vertical-align: middle;
    width: 24px;
    text-align: center;
  }
  .el-menu--collapse >div .el-menu-item .el-submenu__icon-arrow,
  .el-menu--collapse >div .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
    display: none;
  }
  .el-menu--collapse >div .el-menu-item span,
  .el-menu--collapse >div .el-submenu > .el-submenu__title span {
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    display: inline-block;
  }
  .el-menu--collapse >div .el-menu-item.is-active i {
    color: inherit;
  }
  .el-menu--collapse .el-submenu {
    position: relative;
  }
  .el-menu--collapse .el-submenu .el-menu {
    position: absolute;
    margin-left: 5px;
    top: 0;
    left: 100%;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .el-menu-item,
  .el-submenu__title {
    height: 56px;
    line-height: 56px;
    position: relative;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
    list-style: none;
  }
  .el-menu--collapse
    .el-submenu.is-opened
    > .el-submenu__title
    .el-submenu__icon-arrow {
    -webkit-transform: none;
    transform: none;
  }